Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Ipv4 header data #80

Open
wants to merge 9 commits into
base: main
Choose a base branch
from
Open

Ipv4 header data #80

wants to merge 9 commits into from

Conversation

V-SANT
Copy link
Collaborator

@V-SANT V-SANT commented Jan 14, 2025

This pull request introduces new functionality to display detailed information about packets in the right sidebar. The changes include adding a toggle button to show/hide packet details, creating a new function to generate the toggle information, and updating the styles to support the new feature.

Key changes:

Functionality enhancements:

  • src/graphics/right_bar.ts: Added addToggleButton method to RightBar class to append a toggle button for displaying packet details.
  • src/graphics/right_bar.ts: Added createToggleInfo function to create a container with a toggle button and detailed information list.
  • src/types/packet.ts: Added getPacketDetails method to Packet class to generate a dictionary of packet details.
  • src/types/packet.ts: Updated showInfo method in Packet class to include the toggle button for packet details.

Styling updates:

  • src/styles/index.ts: Imported new stylesheet info.css for the toggle info container.
  • src/styles/info.css: Added styles for the toggle info container and its elements, including transitions for a smoother user experience.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant